﻿#Slide {
    position: relative;
    display: block;
    width: 100%;
    height: 500px;
    margin: 0;
    padding: 0;
    border-left: none;
    border-right: none;
    background-color: white;
    overflow: hidden;
}

    #Slide a {
        position: absolute;
        display: block;
        width: 100%;
        height: 450px;
        opacity: 0;
        visibility: collapse;
    }

        #Slide a.Selected {
            opacity: 1;
            visibility: visible;
        }

        #Slide a img {
            display: block;
            width: 100%;
            height: 100%;
        }

    #Slide #SlideTexts {
        position: absolute;
        display: block;
        right: 0;
        left: 0;
        bottom: 0;
        width: 990px;
        height: 50px;
        margin: 0 auto 0 auto;
        background-color: transparent;
        padding: 0;
        border: none;
    }

        #Slide #SlideTexts span {
            position: absolute;
            display: block;
            top: -600px;
            left: 0;
            margin: 0;
            padding: 0;
            border: none;
            font-size: 19pt;
            opacity: 0;
            visibility: hidden;
            
            -moz-transition: ease-in-out 1.5s;
            -o-transition: ease-in-out 1.5s;
            -webkit-transition: ease-in-out 1.5s;
            transition: ease-in-out 1.5s;
            -moz-transform: scale(0.5);
            -ms-transform: scale(0.5);
            -o-transform: scale(0.5);
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
        }

            #Slide #SlideTexts span.Present {
                top: -100px;
                background-color: #ed1c24;
                opacity: 1;
                visibility: visible;
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                -webkit-transform: scale(1);
                transform: scale(1);
                color: white;
            }

            #Slide #SlideTexts span.Fixed {
                top: 10px;
                background-color: transparent;
                opacity: 1;
                visibility: visible;
                font-size: 13pt;
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                -webkit-transform: scale(1);
                transform: scale(1);
                color: black;
            }

            #Slide #SlideTexts span.Out {
                top: 10px;
                left: -100%;
                background-color: transparent;
                opacity: 0;
                visibility: collapse;
                font-size: 13pt;
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                -webkit-transform: scale(1);
                transform: scale(1);
                color: black;
            }

    #Slide ul {
        direction: rtl;
        position: absolute;
        display: block;
        bottom: 17px;
        right: 0;
        padding: 0;
        font-size: 0;
        text-align: center;
    }

        #Slide ul li {
            display: inline-block;
            width: 15px;
            height: 15px;
            margin: 0 5px 0 0;
            border: solid 1px black;
            -moz-box-shadow: inset 0 0 5px gray;
            -webkit-box-shadow: inset 0 0 5px gray;
            box-shadow: inset 0 0 5px gray;
            background-color: white;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            -webkit-transition: 0.3s;
            transition: 0.3s;
            cursor: pointer;
        }


            #Slide ul li:hover,
            #Slide ul li.Selected {
                background-color: #ed1c24;
                -moz-box-shadow: inset 0 0 5px transparent;
                -webkit-box-shadow: inset 0 0 5px transparent;
                box-shadow: inset 0 0 5px transparent;
            }



#SlideChanger {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    background-position : center center;
    background-repeat : no-repeat;
    background-size : 100% 100%;
    opacity : 1;
    text-align:right;
}

    #SlideChanger.Collapse {
        top : 100%;
        opacity : 0;
       
    }

    #SlideChanger div {
        position: absolute;
        display: block;
        top: 0;
        width: 10%;
        height: 100%;
        margin: 0;
        padding: 0;
        border: none;
        background-color: white;
        background-repeat: no-repeat;
        -moz-transition: linear 0s;
        -o-transition: linear 0s;
        -webkit-transition: linear 0s;
        transition: linear 0s;
    }

        #SlideChanger div:nth-child(1) {
            right: 0;
        }

        #SlideChanger div:nth-child(2) {
            right: 10%;
        }

        #SlideChanger div:nth-child(3) {
            right: 20%;
        }

        #SlideChanger div:nth-child(4) {
            right: 30%;
        }

        #SlideChanger div:nth-child(5) {
            right: 40%;
        }

        #SlideChanger div:nth-child(6) {
            right: 50%;
        }

        #SlideChanger div:nth-child(7) {
            right: 60%;
        }

        #SlideChanger div:nth-child(8) {
            right: 70%;
        }

        #SlideChanger div:nth-child(9) {
            right: 80%;
        }

        #SlideChanger div:nth-child(10) {
            right: 90%;
        }

        #SlideChanger div.Collapse {
            top: 100%;
            opacity: 0;
            -moz-transform: scale(0.8);
            -ms-transform: scale(0.8);
            -o-transform: scale(0.8);
            -webkit-transform: scale(0.8);
            transform: scale(0.8);
                    -moz-transition: ease-in-out 0.5s;
        -o-transition: ease-in-out 0.5s;
        -webkit-transition: ease-in-out 0.5s;
        transition: ease-in-out 0.5s;

        }
